// 导入cookie操作的获取和设置方法
import { getToken, setToken } from '@/utils/auth'
import { syslogin } from '@/api/login'
import { sysprofile, sysUser } from '@/api/user'
import { Message } from 'element-ui'
// import CookieJs from 'js-cookie'
// 导入需要权限管理的路由和router
import asyncRoutes from '@/router/modules/index.js'
import Router from '@/router'
import { constantRoutes, resetRouter } from '@/router'
export default {
  namespaced: true,
  state: {
    // token: CookieJs.get('token') || ''
    // 初始化时,获取本地cookie的token的值，没有就为空
    token: getToken() || '',
    userinfo: ''
  },
  mutations: {
    setToken(state, value) {
      // 设置vuex的值同时设置cookie的值
      state.token = value
      setToken(value)
      console.log(state.token)
      // CookieJs.set('token', value)
    },
    setUserInfo(state, value) {
      state.userinfo = value
    },
    logout() {
      // mutations调用mutations里面的方法 this等效于this.store
      // 同一个模块也需要加模块名
      this.commit('user/setToken', '')
      this.commit('user/setUserInfo', '')
      // 重置路由
      resetRouter()
    }
  },
  actions: {
    async toLogin(context, form) {
      const res = await syslogin(form) // 调用接口并设置token值
      Message.success('登录成功')
      context.commit('setToken', res.data)
    },
    // 获取用户基本信息
    async getUserInfo(context) {
      const res = await sysprofile()
      // 获取用户头像
      const res2 = await sysUser(res.data.userId)
      console.log(res, res2)
      context.commit('setUserInfo', Object.assign({}, res.data, res2.data))
      // 获取完用户信息之后匹配该用户可以访问的页面路由
      const newArr = asyncRoutes.filter((item) => {
        return res.data.roles.menus.includes(item.meta.name)
      })
      console.log(newArr, 22)
      Router.addRoutes([
        ...newArr,
        { path: '*', redirect: '/404', hidden: true }
      ])
      // 拿到完整路由信息
      const allRoutes = [
        ...constantRoutes,
        ...newArr,
        { path: '*', redirect: '/404', hidden: true }
      ]
      context.commit('routes/setRuotesList', allRoutes, { root: true })
    }
  }
}
